<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邀请好友</title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/script_px2rem.js"></script>
    <link rel="stylesheet" href="css/CZ.css">
    <link rel="stylesheet" href="css/invitation.css">
    <link rel="stylesheet" href="css/header.css">
</head>
<body>
    <header class="header">
        <a href="" onClick="javascript :history.go(-1);return false;" class="back"></a>
        邀请好友
    </header>
    <div class="my-code">
        <h3>我的邀请码</h3>
        <p id='targetCopy'>----</p>
        <span id='copy' data-clipboard-action="copy" data-clipboard-target="#targetCopy">复制</span>
    </div>
    <div class="jiedain">
        <div class="fl">
            <span>0</span>
            <p>一级节点</p>
        </div>
        <div class="fr">
            <span>0</span>
            <p>二级节点</p>
        </div>
    </div>

    <div class="reward">
        <div class="fl">
            <p>邀请奖励</p>
            <span>10000<span>Candy</span></span>
        </div>
        <div class="fr">
            <p>已释放</p>
            <span>50<span>Candy</span></span>
        </div>
    </div>

    <div class="rules">
        <h2>邀请规则</h2>
        <p>1、邀请1人赠送100个冻结得TEX,每日释放5个;</p>
        <p>2、邀请一级节点参与挖矿,算力增加受邀请节点新增算力的20%;</p>
        <p>3、邀请二级节点参与挖矿,算力增加受邀请节点新增算力的20%;</p>
        <span>注: 以上均需受邀节点通过认证</span>
    </div>
    <div style="height:1rem"></div>

    <div class="reward-btn">
        <a href="javscript:void(0)" class="fl">生成二维码</a>
        <a href="javscript:void(0)" class="fr">生成邀请链接</a>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
    <script src='./lib/inviter.js'></script>
</body>
</html>